<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>

	var stooge = {
			"first-name":"Jerome",
			"last-name":"Howard"
	}
	
	if(typeof Object.create !=="function"){
		Object.create = function(o){
			var F = function(){};
			F.prototype = o;      // ->  prototype injection
			return new F();
		}
	}
	
	var newStooge = Object.create(stooge);   //객체를 생성할때 생성할 객체의 프로토타입을 정할수 있다. 
	
	document.write("<br>");
	document.write(newStooge["first-name"]);  //print->Jerome
	
	newStooge["first-name"] = "lee";   //-> 값을 변경해도 prototype의 값은 변함 없다. 
	document.write("<br>"+newStooge["first-name"]); //print  ->lee
	document.write("<br>"+stooge["first-name"]);   // print ->Jerome
	
	stooge.profession="actor";   // -> prototype에 속성이 추가 되면 해당  프로토타입을 근간으로 하는 객체들에게 바로 속성이 전달된다. 
	document.write("<br>"+newStooge["profession"]); // print ->actor
	
	stooge["first-name"]="rafuta";   //-> prototype 속성값이 바껴도  하위  객체의 속성값은 변함 없다. 
	document.write("<br>"+newStooge["first-name"]); //print  ->lee
</script>
</head>
<body>

</body>
</html>